<template>
  <div>
    <div>
			<van-nav-bar style="background: #d12d1a;" class="fh"   @click-left="$router.back()" title="搜索发现" left-text="返回" left-arrow />
		</div>
  <index :APIss="APIss" :key_word="key_word">
 <template v-slot:default="{dx}">
   <xhdzj :dx="dx"></xhdzj>
  </template>
  </index>
  <!-- <template v-slot:default="{dx}">
   <xhdzj :dx="dx"></xhdzj>
  </template> -->

  </div>
</template>

<script>
import {sssj as APIss} from '@/api/ssjk'         //把接口传过去 key_word也传过去  接口是一个函数 props 接受是一个函数
import index from '@/components/ggdage/index.vue'
import xhdzj from '@/components/ggdage/xhdzj.vue'
export default{
    components:{
        index,
        xhdzj
    },
    data() {
        return {
            APIss
        }
    },
    computed:{
        key_word(){
            return this.$route.query.key_word
        }
    },
    created(){
        console.log(this.dx)
    }
}
</script>

<style scoped>
.input:-internal-autofill-selected {
		background-color: none;
	}
	::v-deep .van-ellipsis{
		color: #FFB619;
	}
	::v-deep .van-nav-bar__text{
color: #FFB619;
	}
	::v-deep .van-icon-arrow-left{
		color: #FFB619;
	}
	::v-deep .van-button--info{
		background: #d12d1a;
		border: 1px solid #d12d1a;
		color: #FFB619;
	}
	.fd{
		display: flex;
		justify-content: space-between;
	}
</style>